<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>前端工程师-胡歌-17811110000</title>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
	</head>
	<body>
    <!-- 个人信息 -->
		<section class="personal-data">
      <div class="left">
        <p class="name">胡歌</p>
      </div>
      <div class="right">
        <p class="item"><i class="fa fa-laptop" aria-hidden="true"></i> 前端工程师</p>
        <p class="item"><i class="fa fa-phone" aria-hidden="true"></i> 17811110000</p>
        <p class="item"><i class="fa fa-envelope" aria-hidden="true"></i> huge123@sina.com</p>
        <p class="item"><i class="fa fa-jpy" aria-hidden="true"></i> 薪资面议</p>
        <p class="item"><i class="fa fa-home" aria-hidden="true"></i> [个人主页地址]</p>
        <p class="item"><i class="fa fa-github" aria-hidden="true"></i> [个人git仓库地址]</p>
      </div>
    </section>
    <section class="wrap">
      <p class="caption">教育背景&校内经历</p>
      <hr />
      <div class="list">
        <p class="item">西南民族大学</p>
        <p class="item">软件工程</p>
        <p class="item">本科</p>
        <p class="item">2020届毕业生</p>
      </div>
      <ul>
        <li>17年XXXX，参加什么，获得什么奖</li>
        <li>18年XXXX，参加什么，获得什么能力</li>
        <li>19年XXXX，参加什么，获得什么</li>
      </ul>
    </section>
    <section class="wrap">
      <p class="caption">实习经历</p>
      <hr />
      <div class="list">
        <p class="item">某某公司</p>
        <p class="item">前端开发工程师</p>
        <p class="item">2019.8 - 2019.11</p>
      </div>
      <p class="content">
        主要负责客服OA产品的研发和维护工作，前端采用的技术栈是React、Redux、Dva、fetch和Mock，负责跟进产品需求迭代，与后端对接完成新的功能。在实习中，我了解了git在工作中的使用场景以及前后端联调过程，掌握了相关技术栈。最大的收获是，在前辈的指导下，封装了Ant Design未提供的可变字段输入框表单组件，提高了整个项目的开发效率。
      </p>
      <div class="bage-wrap">
        <span>React</span>
        <span>Redux</span>
        <span>fetch</span>
        <span>AntDesign</span>
      </div>
    </section>
    <section class="wrap">
      <p class="caption">项目经历</p>
      <hr />
      <div class="project">
        <div class="list">
          <p class="item">生成我的民大头像H5</p>
          <p class="item">前端开发</p>
          <p class="item">2019.5</p>
          <p class="item"><i class="fa fa-link" aria-hidden="true"></i> http://smu.zeuswk.com</p>
        </div>
        <p class="content">
          该项目是我与校官方新媒体为我校68周年校庆开发的H5，用户选择自己的头像，然后再选择相应的头像框，即可以获得专属的民大头像。主要用到的技术原理是Canvas对图片的处理，图片裁剪用到了cropper.js，项目由gulp打包，整个项目的功能均由前端。项目源码地址见https://gitee.com/kevin-zeus/smu68
        </p>
        <div class="bage-wrap">
          <span>canvas</span>
          <span>zepto.js</span>
          <span>cropper.js</span>
          <span>gulp</span>
          <span>less</span>
        </div>
      </div>
      <div class="project">
        <div class="list">
          <p class="item">铭新物流订单管理系统</p>
          <p class="item">前后端全栈开发</p>
          <p class="item">2019.2 - 2019.3</p>
          <p class="item"><i class="fa fa-file-image-o" aria-hidden="true"></i> http://suo.im/5MvQaq</p>
        </div>
        <p class="content">
          独自完成接单、出单、物流、结单信息的订单管理功能及界面设计，包括表格内数据修改，物流信息更新，订单内容更新等功能，留言功能以及管理员权限管理，并实现导出Excel文件功能。
        </p>
        <div class="bage-wrap">
          <span>jQuery</span>
          <span>LayUI</span>
          <span>ThinkPHP5.0</span>
        </div>
      </div>
      <div class="project">
        <div class="list">
          <p class="item">比特币报价网站系统</p>
          <p class="item">前后端全栈开发</p>
          <p class="item">2018.2 - 2018.3</p>
          <p class="item"><i class="fa fa-link" aria-hidden="true"></i> www.tapupway.com</p>
        </div>
        <p class="content">
          根据设计师PSD稿切图，独立完成响应式布局，完成中韩英三国语言切换功能需求，根据第三方接口，实现网站报价数据更新和汇率换算。掌握了JQuery、Bootstrap、ThinkPHP5在实际项目中的运用。
        </p>
        <div class="bage-wrap">
          <span>jQuery</span>
          <span>Bootstrap</span>
          <span>ThinkPHP5.0</span>
        </div>
      </div>
    </section>
    <section class="wrap">
      <p class="caption">个人技术栈</p>
      <hr />
      <p>JavaScript、Html/CSS、React/Redux、less/scss、Webpack/gulp、微信小程序、ThinkPHP5、JQuery、Node.js、koa</p>
    </section>
	</body>
</html>
